.photo-box {
	margin: 32rpx 40rpx;
	background-color: #FFFFFF;
	border-radius: 10rpx;
	text-align: center;
	color: #666666;
	padding-bottom: 70rpx;
	
	.avater-box {
		position: relative;
		width: 196rpx;
		height: 276rpx;
		padding-top: 48rpx;
		margin: 0 auto 32rpx auto;
		// background: #F0F0F0;
	}
	.avater {
		width: 100%;
		height: 100%;
	}
	.loading-alert {
		position: absolute;
		width: 100%;
		left: 0;
		top: 48rpx;
		bottom: 0;
		z-index: 99;
		background-color: rgba(0,0,0,.7);
	}
	.loading-img {
		position: absolute;
		width: 32rpx;
		height: 32rpx;
		left: 50%;
		top: 50%;
		margin-left: -16rpx;
		margin-top: -16rpx;
		z-index: 99;
	}
}
.open-btn {
	position: relative;
	width: 454rpx;
	height: 93rpx;
	margin: 70rpx auto 0 auto;
	background: #0579FE;
	box-shadow: 0px 6px 16px 0px rgba(5, 121, 254, 0.4);
	border-radius: 47rpx;
	color: #FFFFFF;
	&.disabled {
		background: #9EC9FB;
		box-shadow: 0px 6rpx 16rpx 0px rgba(5, 121, 254, 0.2);
	}
}

.small-camera {
	width: 41rpx;
	height: 34rpx;
	margin-right: 10rpx;
}

.tip-box {
	margin-top: 46rpx;
	padding: 0 40rpx;
}
.tip-title {
	margin-bottom: 22rpx;
	color: #666666;
}
.tip-text {
	margin-bottom: 6rpx;
	font-size: 24rpx;
	color: #999999;
	line-height: 36rpx;
}